
<template>
	<div class="gongyingshangshangpin">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;" class="flexbc">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }">商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>在售商品</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style=" padding: 37px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;">
          <!-- 1 -->
          <div class="flex">
            <div class="flexcc" style="cursor: pointer;" :class="search.status == 100?'sxjact':'sxj'" @click="changestatus(100)">上架中</div>
            <div class="flexcc" style="cursor: pointer;" :class="search.status == 0?'sxjact':'sxj'" @click="changestatus(0)">已下架</div>
          </div> 
          <!-- 2 -->
          <div class="flexbc" style="margin-top: 40px;" v-if="search.status == 100">
            <div style=" width: 300px; height: 100px; background: #fff; border-radius: 20px; padding: 20px;">
              <div style="font-size: 16px; font-weight: 500; margin-bottom: 12px;">我的销售橱窗</div>
              <div class="flexc">
                <div class="flex">
                  <img :src="list[0].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 30px; height: 30px; border-radius: 15px;" v-if="list.length>0">
                  <img :src="list[1].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 30px; height: 30px; border-radius: 15px; position: relative; left: -10px;" v-if="list.length>1">
                  <img :src="list[2].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 30px; height: 30px; border-radius: 15px; position: relative; left: -20px;" v-if="list.length>2">
                </div>
                <div style="color: rgb(0, 90, 255); font-size: 14px; cursor: pointer;" @click="go('/weixiaodian')">
                  当前共{{total}}件商品 >
                </div>
              </div>
            </div>
            <div class="flex">
              <div style="max-width: 516px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px;" class="flexc" @click="copy(wailian)">
                <div style="padding: 0 20px;">
                  <div style="color: rgb(175, 179, 188); margin-bottom: 10px;">{{wailian}}</div>
                  <div style="cursor: pointer;">复制链接</div>
                </div>
              </div>
              <div style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;" class="flexcc"  @click="openw(wailian)">
                <div>
                  <div class="flexcc"><img src="../../../static/img/lianjie.png" style="width: 24px; margin-bottom: 16px;"></div>
                  <div>打开链接</div>
                </div>
              </div>
              <div style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;" class="flexcc" @click="creatQrCode(1)">
                <div>
                  <div class="flexcc"><img src="../../../static/img/erweima.png" style="width: 24px; margin-bottom: 16px;"></div>
                  <div >下载二维码</div>
                </div>
              </div>
              <div style="width: 100px; height: 100px; background: rgb(255, 255, 255);border-radius: 20px; margin-left: 20px;  cursor: pointer;" class="flexcc" @click="peizhikai">
                <div>
                  <div class="flexcc"><img src="../../../static/img/index12.png" style="width: 24px; margin-bottom: 16px;"></div>
                  <div >下单配置</div>
                </div>
              </div>
            </div>
          </div>
          <!-- 3 -->
          <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
            <div><img src="../../../static/img/gongyingshang1.png" style="width: 22px; margin-right: 10px;"></div>
            <div>供应商检索</div>
          </div>
          <!-- 4 -->
          <div style="height: 112px; background: rgb(255, 255, 255); border-radius: 20px; padding: 20px;" class="flexb">

              <div class="flex">
                <div>
                  <div style="margin-bottom: 10px;">商品名称</div>
                  <div><el-input v-model="search.title" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
                </div>
                <div>
                  <div style="margin-bottom: 10px;">佣金区间</div>
                  <div class="flexc">
                    <div><el-input v-model="search.c_commission_start" style="width: 120px; margin-right: 10px;" placeholder="请输入"></el-input></div>
                    <div style="color: color: rgb(175, 179, 188);">~</div>
                    <div><el-input v-model="search.c_commission_end" style="width: 120px; margin-left: 10px; margin-right: 30px;" placeholder="请输入"></el-input></div>
                  </div>
                </div>
                <div>
                  <div style="margin-bottom: 10px;">卖点</div>
                  <div><el-input v-model="search.selling_point" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
                </div>

                <div style="margin-right: 30px;">
                  <div style="margin-bottom: 10px;">&nbsp;</div>
                  <div><el-button type="primary" round icon="el-icon-search" @click="sousuo">检索</el-button></div>
                </div>
                <div v-if="search.order == 1" style="cursor: pointer;">
                  <div style="margin-bottom: 10px;">&nbsp;</div>
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">倒序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(0)"></i></div>
                </div>
                <div v-if="search.order == 0 || search.order == ''" style="cursor: pointer;">
                  <div style="margin-bottom: 10px;">&nbsp;</div>
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">正序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(1)"></i></div>
                </div>
              </div>
              <div style="margin-right: 30px;">
                <div style="margin-bottom: 10px;">自动上架</div>
                <div><el-switch v-model="autogrounding" @change="gengxinautogrounding" style="width: 85px; height: 41px;" active-color="rgb(0, 90, 255);" inactive-color="rgb(246, 248, 251);" :active-value="1" :inactive-value="0"></el-switch></div>
              </div>

          </div>
          <!-- 5 -->
          <div class="flex" style="margin-top: 20px; " v-loading="loading"  element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
            <div style="width: 500px; height: 335px; padding: 20px; margin-bottom: 20px; background: rgb(255, 255, 255); border-radius: 20px;  margin-right: 15px;" v-for="(item,index) in list" :key="item.id">
              <div class="flexbc">
                <div class="flex">
                  <!-- <div style="color: rgb(2, 12, 29); font-size: 12px; margin-right: 20px;">{{item.supplier_name}}</div> -->
                  <div style="color: rgb(212, 215, 222); font-size: 12px;">发布时间: {{item.created_at}}</div>
                </div>
                <div class="flex">
                  <div v-if="item.settlement_method == 1&&item.status==100" style="background:linear-gradient(#FF00D3, #FF3500); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px;" class="flexcc" >秒返</div>
                  <div style="background: rgb(254, 61, 61); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px;margin-left: 10px;" class="flexcc" v-if="item.is_main == 1">主推</div>
                  <div style="background: rgb(0, 90, 255); border-radius: 4px; width: 34px; height: 20px; color: rgb(255, 255, 255); font-size: 12px; margin-left: 10px;" class="flexcc" v-if="item.is_top">置顶</div>
                </div>
              </div>
              <div class="flex" style="margin-top: 20px;">
                <div><img :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 100px; height: 100px; border-radius: 10px; margin-bottom: 10px;"></div>
                <div style="margin-left: 20px; width: 330px;">
                  <div style="color: rgb(2, 12, 29); font-size: 16px; font-weight: bold; line-height: 19px; margin-bottom: 10px;">
                    <el-tooltip class="item" effect="dark" :content="item.title" placement="top-start">
                      <div style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">{{item.title}}</div>
                    </el-tooltip>
                  </div>
                  <div style="color: rgb(254, 61, 61); font-size: 12px; margin-bottom: 10px; ">
                    <el-tooltip class="item" effect="dark" :content="item.points" placement="top-start">
                      <div style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">{{item.points}}</div>
                    </el-tooltip>
                  </div>
                  <div class="flex">
                    <div style="color: rgb(254, 61, 61); background: rgb(255, 242, 242); margin-bottom: 10px;" class="flexcc xt" v-if="item.selling_point.length > 0 && item.selling_point[0]">{{item.selling_point[0]}}</div>
                    <div style="color: rgb(31, 159, 48); background: rgb(229, 255, 217); margin-bottom: 10px;" class="flexcc xt" v-if="item.selling_point.length > 1 && item.selling_point[1]">{{item.selling_point[1]}}</div>
                    <div style="color: rgb(189, 55, 255); background: rgb(251, 239, 255); margin-bottom: 10px;" class="flexcc xt" v-if="item.selling_point.length > 2 && item.selling_point[2]">{{item.selling_point[2]}}</div>
                    <div style="color: rgb(55, 175, 255); background: rgb(239, 250, 255); margin-bottom: 10px;" class="flexcc xt" v-if="item.selling_point.length > 3 && item.selling_point[3]">{{item.selling_point[3]}}</div>
                  </div>
                </div>
              </div>
              <div style="margin: 0px 0 0 0; font-size: 12px; color: rgb(120, 125, 133);">
                <!-- <el-tooltip class="item" effect="dark" placement="top">
                      <div slot="content">
                        <span>上游给我的佣金规则：{{item.p_rules}} </span>
                        <span v-if="item.p_active_commission != 0 && item.p_active_commission != null">已激活，佣金{{item.p_active_commission}}元.</span>
                        <span v-if="item.p_first_recharge_one_commission != 0 && item.p_first_recharge_one_commission != null">首充大于{{item.p_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.p_first_recharge_two_commission != 0 && item.p_first_recharge_two_commission != null">或者首充大于{{item.p_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.p_recharge_amount_one_commission != 0 && item.p_recharge_amount_one_commission != null">累计充值大于{{item.p_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.p_recharge_amount_two_commission != 0 && item.p_recharge_amount_two_commission != null">且累计充值大于{{item.p_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                      <div style="margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">
                        <span>上游给我的佣金规则：{{item.p_rules}} </span>
                        <span v-if="item.p_active_commission != 0 && item.p_active_commission != null">已激活，佣金{{item.p_active_commission}}元.</span>
                        <span v-if="item.p_first_recharge_one_commission != 0 && item.p_first_recharge_one_commission != null">首充大于{{item.p_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.p_first_recharge_two_commission != 0 && item.p_first_recharge_two_commission != null">或者首充大于{{item.p_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.p_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.p_recharge_amount_one_commission != 0 && item.p_recharge_amount_one_commission != null">累计充值大于{{item.p_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.p_recharge_amount_two_commission != 0 && item.p_recharge_amount_two_commission != null">且累计充值大于{{item.p_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.p_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" placement="top">
                      <div slot="content">
                        <span>我给下游的佣金规则：{{item.c_rules}} </span>
                        <span v-if="item.c_active_commission != 0 && item.c_active_commission != null">已激活，佣金{{item.c_active_commission}}元.</span>
                        <span v-if="item.c_first_recharge_one_commission != 0 && item.c_first_recharge_one_commission != null">首充大于{{item.c_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.c_first_recharge_two_commission != 0 && item.c_first_recharge_two_commission != null">或者首充大于{{item.c_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.c_recharge_amount_one_commission != 0 && item.c_recharge_amount_one_commission != null">累计充值大于{{item.c_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.c_recharge_amount_two_commission != 0 && item.c_recharge_amount_two_commission != null">且累计充值大于{{item.c_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                      <div style="margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">
                        <span>我给下游的佣金规则：{{item.c_rules}} </span>
                        <span v-if="item.c_active_commission != 0 && item.c_active_commission != null">已激活，佣金{{item.c_active_commission}}元.</span>
                        <span v-if="item.c_first_recharge_one_commission != 0 && item.c_first_recharge_one_commission != null">首充大于{{item.c_first_recharge_one}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_one_commission}}</span>元</span>
                        <span v-if="item.c_first_recharge_two_commission != 0 && item.c_first_recharge_two_commission != null">或者首充大于{{item.c_first_recharge_two}}元，佣金<span style="color: #f00;">{{item.c_first_recharge_two_commission}}</span>元.</span>
                        <span v-if="item.c_recharge_amount_one_commission != 0 && item.c_recharge_amount_one_commission != null">累计充值大于{{item.c_recharge_amount_one}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_one_commission}}</span>元</span>
                        <span v-if="item.c_recharge_amount_two_commission != 0 && item.c_recharge_amount_two_commission != null">且累计充值大于{{item.c_recharge_amount_two}}元，佣金<span style="color: #f00;">{{item.c_recharge_amount_two_commission}}</span>元.</span>
                      </div>
                </el-tooltip> -->
                <div class="flexbc">
                  <div class="flexbc" style="background: rgb(228, 237, 255); border-radius: 74px; line-height: 37px; width: 220px; padding: 0 20px;">
                    <div>销售佣金</div>
                    <div style="color: rgb(0, 90, 255); font-size: 16px; font-weight: bold;" v-if="item.c_commission != null">￥{{item.c_commission}} <i class="el-icon-edit" style="margin-left: 10px;" @click="shezhi(item)"></i></div>
                    <div style="color: rgb(0, 90, 255); font-size: 16px; font-weight: bold;" v-if="item.c_commission == null">未设置 <i class="el-icon-edit" style="margin-left: 10px;" @click="shezhi(item)"></i></div>

                  </div>
                  <div class="flexbc" style="background: rgb(255, 242, 242); border-radius: 74px; line-height: 37px; width: 220px; padding: 0 20px;">
                    <div>分销抽成</div>
                    <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee != null">￥0.00</div>
                    <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee == null">未设置</div>
                  </div>
                </div>

              </div>
              <div style="font-size: 14px;color: #787D85;margin-top: 20px;">
                <el-tooltip class="item" effect="dark" :content="item.commission_rule" placement="top-start">
                  <div style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;">佣金规则：{{item.commission_rule}}</div>
                </el-tooltip>

              </div>
              <div class="flexbc" style="margin-top: 15px;">
                <div class="flex">
                  <div class="flexcc ljact" @click="fuzhidizhi(item.id)">复制链接</div>
                  <div class="flexcc lj" @click="openw2(item)">打开链接</div>
                  <div class="flexcc lj" @click="creatQrCode(2,item)">下载二维码</div>
                </div>
                <div @click="xuanzhong(item)">
                  <el-dropdown @command="handleCommand" trigger="click" >
                    <span class="el-dropdown-link">
                      <img src="../../../static/img/gengduo.png" style="width: 32px; height: 32px; border-radius: 16px; cursor: pointer;">
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item command="a">编辑商品</el-dropdown-item>
                      <el-dropdown-item command="b" v-if="!dangqianshangpin.is_top">置顶</el-dropdown-item>
                      <el-dropdown-item command="c" v-if="!dangqianshangpin.is_main">主推</el-dropdown-item>
                      <el-dropdown-item command="bb" v-if="dangqianshangpin.is_top">取消置顶</el-dropdown-item>
                      <el-dropdown-item command="cc" v-if="dangqianshangpin.is_main">取消主推</el-dropdown-item>
                      <el-dropdown-item command="d">设置排序</el-dropdown-item>
                      <el-dropdown-item command="e" v-if="dangqianshangpin.status == 100">下架商品</el-dropdown-item>
                      <el-dropdown-item command="f" v-if="dangqianshangpin.status == 0">上架商品</el-dropdown-item>
                      <el-dropdown-item command="g">上架佣金设置</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
            </div>
          </div>
          <el-pagination style="text-align: right; padding: 20px;" background layout="prev,pager,next,total,jumper" :current-page="search.page"
           @current-change="fanye" :page-size="search.page_size" :total="total"></el-pagination>
        </div>



      </div>

    </div>

    <el-dialog title="推广二维码" :visible.sync="erweima_log" width="440px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="qrcode" ref="qrCodeUrl" style="margin: 0 auto; max-width: 100%;"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="erweima_log = false">关闭</el-button>
        <el-button type="primary" @click="xiazai">下载</el-button>
      </span>
    </el-dialog>
    <el-dialog title="设置排序" :visible.sync="paixu_log" width="440px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div><el-input v-model="dangqianshangpin.order" style="width: 360px;"></el-input></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="paixu_log = false">关闭</el-button>
        <el-button type="primary" @click="xiugai">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="设置销售佣金" :visible.sync="log2" width="440px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div><el-input v-model="yongjinall.commission" style="width: 360px;"></el-input></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="log2 = false">关闭</el-button>
        <el-button type="primary" @click="shezhigo">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="下单数量限制" :visible.sync="log3" width="740px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="flex" v-if="!shoujiban">
        <div class="flexc">
          <div style="width: 100px;">选择限制数量</div>
          <div>
            <el-select v-model="all2.micro_store_limit" style="width: 200px;" placeholder="请选择限制数量">
             <el-option  label="不限制" :value="0"> </el-option>
             <el-option  label="1" :value="1"> </el-option>
             <el-option  label="2" ::value="2"> </el-option>
             <el-option  label="3" :value="3"> </el-option>
             <el-option  label="4" :value="4"> </el-option>
             <el-option  label="5" :value="5"> </el-option>
            </el-select>
          </div>
        </div>
        <div class="flexc">
          <div style="width: 100px; margin-left: 30px;">识别方式选择</div>
          <div>
            <el-select v-model="all2.micro_store_limit_type" style="width: 200px;" placeholder="请选识别方式选择">
              <el-option  label="证件号" :value="0"> </el-option>
              <el-option  label="手机号" :value="1"> </el-option>
              <el-option  label="IP地址" :value="2"> </el-option>
            </el-select>
          </div>
        </div>
      </div>
      <div v-if="shoujiban">
        <div >
          <div style="margin-bottom: 0.2rem;">选择限制数量</div>
          <div style="margin-bottom: 0.2rem;">
            <el-select v-model="all2.micro_store_limit" style="width: width: 100%;" placeholder="请选择限制数量">
             <el-option  label="不限制" :value="0"> </el-option>
             <el-option  label="1" :value="1"> </el-option>
             <el-option  label="2" ::value="2"> </el-option>
             <el-option  label="3" :value="3"> </el-option>
             <el-option  label="4" :value="4"> </el-option>
             <el-option  label="5" :value="5"> </el-option>
            </el-select>
          </div>
        </div>
        <div >
          <div style="margin-bottom: 0.2rem;">识别方式选择</div>
          <div style="margin-bottom: 0.2rem;">
            <el-select v-model="all2.micro_store_limit_type" style="width: width: 100%;" placeholder="请选识别方式选择">
              <el-option  label="证件号" :value="0"> </el-option>
              <el-option  label="手机号" :value="1"> </el-option>
              <el-option  label="IP地址" :value="2"> </el-option>
            </el-select>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log3 = false">关闭</el-button>
        <el-button round type="primary" @click="peizhigo">确定</el-button>
      </span>
    </el-dialog>



    <!-- 手机版 -->
    <div v-if="shoujiban" style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb; padding-top: 1rem; ">
      <topandleft></topandleft>
      <div style="background: #fff; padding: 0.3rem;">
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="width: 2px; height: 0.2rem; background: rgb(2, 12, 29); margin-right: 10px; overflow: hidden;"></div>
          <div style="font-size: 0.36rem; font-weight: bold;">商品管理</div>
        </div>
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="color: rgb(175, 179, 188);">首页</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div style="color: rgb(175, 179, 188);">商品管理</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div>在售商品</div>
        </div>
      </div>
      <div style="padding: 0.3rem;">
        <div class="flexbc" style="justify-content: space-between; margin-bottom: 0.3rem;">
          <div class="flexcc" style="cursor: pointer; text-align: center;" :class="search.status == 100?'sxjactsj':'sxjsj'" @click="changestatus(100)">上架中</div>
          <div class="flexcc" style="cursor: pointer; text-align: center;" :class="search.status == 0?'sxjactsj':'sxjsj'" @click="changestatus(0)">已下架</div>
        </div>
        <div style="margin-bottom: 0.3rem;" v-if="search.status == 100">
          <div style=" width: 100%;  background: #fff; border-radius: 0.2rem; padding: 0.2rem; margin-bottom: 0.3rem;">
            <div style="font-weight: 500; margin-bottom: 0.2rem;">我的销售橱窗</div>
            <div class="flexc">
              <div class="flex">
                <img :src="list[0].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem; border-radius: 15px;" v-if="list.length>0">
                <img :src="list[1].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem; border-radius: 15px; position: relative; left: -10px;" v-if="list.length>1">
                <img :src="list[2].image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 0.4rem; height: 0.4rem  ; border-radius: 15px; position: relative; left: -20px;" v-if="list.length>2">
              </div>
              <div style="color: rgb(0, 90, 255); font-size: 0.2rem; cursor: pointer;">
                当前共{{list.length}}件商品 >
              </div>
            </div>
          </div>
          <div class="flexbc" style=" width: 100%;  background: #fff; border-radius: 0.2rem; padding: 0.2rem; margin-bottom: 0.3rem;">
            <div style="width: 100%; background: rgb(255, 255, 255); border-radius: 0.2rem;" class="flexc" @click="copy(wailian)">
              <div style="padding: 0 0.2rem;">
                <div style="color: rgb(175, 179, 188); margin-bottom: 0.1rem; ">{{wailian}}</div>
                <div style="cursor: pointer;">复制链接</div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex" style="margin-bottom: 0.3rem;" v-if="search.status == 100">
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer; margin-right:0.2rem" class="flexcc"  @click="openw(wailian)">
            <div>
              <div class="flexcc"><img src="../../../static/img/lianjie.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">打开链接</div>
            </div>
          </div>
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer; margin-right:0.2rem" class="flexcc"  @click="creatQrCode(1)">
            <div>
              <div class="flexcc"><img src="../../../static/img/erweima.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">下载二维码</div>
            </div>
          </div>
          <div style="width: 1.3rem; height: 1.3rem; background: rgb(255, 255, 255); border-radius: 0.2rem; cursor: pointer;" class="flexcc"  @click="peizhikai">
            <div>
              <div class="flexcc"><img src="../../../static/img/index12.png" style="width: 0.3rem; margin-bottom: 0.2rem;"></div>
              <div style="font-size: 0.2rem;">下单配置</div>
            </div>
          </div>
        </div>
        <div style=" background: rgb(255, 255, 255); border-radius: 0.2rem; padding: 0.2rem; ">
            <div style="margin-bottom: 0.2rem;">
              <el-input v-model="search.title" placeholder="请输入商品名称"></el-input>
            </div>
            <div class="flexc" style="justify-content: space-between; margin-bottom: 0.2rem;">
              <div><el-input v-model="search.c_commission_start" style="width: 3rem; " placeholder="最小佣金"></el-input></div>
              <div style="color: color: rgb(175, 179, 188);">~</div>
              <div><el-input v-model="search.c_commission_end" style="width:  3rem; " placeholder="最大佣金"></el-input></div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div><el-input v-model="search.selling_point" style="width: 3rem;" placeholder="请输入卖点"></el-input></div>
            </div>
            <div class="flexbc" >
              <div class="flexc">
                <div style="margin-right: 0.2rem;">
                  <div @click="sousuo" class="flexcc" icon="el-icon-search" style="background: rgb(0, 90, 255); height: 41px; border-radius: 41px; padding: 0 0.3rem; color: #fff;">检索</div>
                </div>
                <div v-if="search.order == 1">
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">正序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(0)"></i></div>
                </div>
                <div v-if="search.order == 0 || search.order == ''">
                  <div class="flexc" style="line-height: 41px; color: rgb(175, 179, 188); font-size: 12px;">倒序排列 <i class="el-icon-sort" style="margin-left: 10px;" @click="changorder(1)"></i></div>
                </div>
              </div>
              <div class="flexc">
                <div style=" margin-right: 0.2rem;">自动上架</div>
                <div>
                  <van-switch v-model="autogrounding" @change="gengxinautogrounding" size="20px" style="margin-bottom: 0;" active-color="rgb(0, 90, 255);" inactive-color="rgb(246, 248, 251);" :active-value="1" :inactive-value="0" />
                </div>
              </div>

            </div>
          </div>
          <div class="list">
            <div class="flex" style="margin-top: 0.3rem;" v-loading="loading"  element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
              <div style="width: 6.9rem; padding: 0.2rem; margin-bottom: 0.2rem; background: rgb(255, 255, 255); border-radius: 0.2rem; " v-for="(item,index) in list" :key="item.id">
                <div class="flexbc">
                  <div class="flex">
                    <!-- <div style="color: rgb(2, 12, 29);  margin-right: 0.2rem;">{{item.supplier_name}}</div> -->
                    <div style="color: rgb(212, 215, 222); ">发布时间: {{item.created_at}}</div>
                  </div>
                  <div class="flex">
                    <div v-if="item.settlement_method == 1&&item.status==100" style="background:linear-gradient(#FF00D3, #FF3500); border-radius: 4px; padding: 0.05rem 0.2rem;  color: rgb(255, 255, 255); font-size: 12px;" class="flexcc" >秒返</div>
                    <div style="background: rgb(254, 61, 61); border-radius: 4px; padding: 0.05rem 0.2rem;  color: rgb(255, 255, 255); font-size: 12px;margin-left: 0.1rem;" class="flexcc" v-if="item.is_main == 1">主推</div>
                    <div style="background: rgb(0, 90, 255); border-radius: 4px; padding: 0.05rem 0.2rem; color: rgb(255, 255, 255); font-size: 12px; margin-left: 0.1rem;" class="flexcc" v-if="item.is_top">置顶</div>
                  </div>
                </div>
                <div class="flex" style="margin-top: 0.2rem;">
                  <div><img :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 1.8rem; height: 1.8rem; border-radius: 0.1rem; margin-bottom: 0.1rem;"></div>
                  <div style="margin-left: 0.2rem; width: 4rem;">
                    <div style="color: rgb(2, 12, 29); font-weight: bold; font-size: 0.27rem; margin-bottom: 0.1rem;">
                      <el-tooltip class="item" effect="dark" :content="item.title" placement="top-start">
                        <div style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">{{item.title}}</div>
                      </el-tooltip>
                    </div>
                    <div style="color: rgb(254, 61, 61); font-size: 12px; margin-bottom: 0.1rem; ">
                      <el-tooltip class="item" effect="dark" :content="item.points" placement="top-start">
                        <div style="width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">{{item.points}}</div>
                      </el-tooltip>
                    </div>
                    <div class="flex">
                      <div style="color: rgb(254, 61, 61); background: rgb(255, 242, 242); margin-bottom: 0.1rem;" class="flexcc xt" v-if="item.selling_point.length > 0 && item.selling_point[0]">{{item.selling_point[0]}}</div>
                      <div style="color: rgb(31, 159, 48); background: rgb(229, 255, 217); margin-bottom: 0.1rem;" class="flexcc xt" v-if="item.selling_point.length > 1 && item.selling_point[1]">{{item.selling_point[1]}}</div>
                      <div style="color: rgb(189, 55, 255); background: rgb(251, 239, 255); margin-bottom: 0.1rem;" class="flexcc xt" v-if="item.selling_point.length > 2 && item.selling_point[2]">{{item.selling_point[2]}}</div>
                      <div style="color: rgb(55, 175, 255); background: rgb(239, 250, 255); margin-bottom: 0.1rem;" class="flexcc xt" v-if="item.selling_point.length > 3 && item.selling_point[3]">{{item.selling_point[3]}}</div>
                    </div>
                  </div>
                </div>
                <div style="margin: 0px 0 0 0; font-size: 12px; color: rgb(120, 125, 133);">
                  <div class="flexbc">
                    <div class="flexbc" style="background: rgb(228, 237, 255); border-radius: 0.35rem; width: 3.1rem; padding:0.1rem 0.2rem;">
                      <div>销售佣金</div>
                      <div style="color: rgb(0, 90, 255); font-weight: bold;" v-if="item.c_commission != null">￥{{item.c_commission}} <i class="el-icon-edit" style="margin-left: 0.1rem;" @click="shezhi(item)"></i></div>
                      <div style="color: rgb(0, 90, 255); font-weight: bold;" v-if="item.c_commission == null">未设置 <i class="el-icon-edit" style="margin-left: 0.1rem;" @click="shezhi(item)"></i></div>

                    </div>
                    <div class="flexbc" style="background: rgb(255, 242, 242); border-radius: 0.35rem; width: 3.1rem; padding:0.1rem 0.2rem;">
                      <div>分销抽成</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee != null">￥0.00</div>
                      <div style="color: rgb(254, 61, 61); font-size: 16px; font-weight: bold;" v-if="item.agent_fee == null">未设置</div>
                    </div>
                  </div>

                </div>
                <div style="font-size: 14px;color: #787D85;margin-top: 20px;">
                  <el-tooltip class="item" effect="dark" :content="item.commission_rule" placement="top-start">
                    <div style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;">佣金规则：{{item.commission_rule}}</div>
                  </el-tooltip>

                </div>
                <div class="flexbc" style="margin-top: 0.15rem;">
                  <div class="flex">
                    <div class="flexcc ljact" style="width: 1.5rem; font-size: 12px;" @click="fuzhidizhi(item.id)">复制链接</div>
                    <div class="flexcc lj" style="width: 1.5rem; font-size: 12px;" @click="openw2(item)">打开链接</div>
                    <div class="flexcc lj" style="width: 1.5rem; font-size: 12px;" @click="creatQrCode(2,item)">下载二维码</div>
                  </div>
                  <div @click="xuanzhong(item)">
                    <el-dropdown @command="handleCommand" trigger="click" >
                      <span class="el-dropdown-link">
                        <img src="../../../static/img/gengduo.png" style="width: 32px; height: 32px; border-radius: 16px; cursor: pointer;">
                      </span>
                      <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item command="a">编辑商品</el-dropdown-item>
                        <el-dropdown-item command="b" v-if="!dangqianshangpin.is_top">置顶</el-dropdown-item>
                        <el-dropdown-item command="c" v-if="!dangqianshangpin.is_main">主推</el-dropdown-item>
                        <el-dropdown-item command="bb" v-if="dangqianshangpin.is_top">取消置顶</el-dropdown-item>
                        <el-dropdown-item command="cc" v-if="dangqianshangpin.is_main">取消主推</el-dropdown-item>
                        <el-dropdown-item command="d">设置排序</el-dropdown-item>
                        <el-dropdown-item command="e" v-if="dangqianshangpin.status == 100">下架商品</el-dropdown-item>
                        <el-dropdown-item command="f" v-if="dangqianshangpin.status == 0">上架商品</el-dropdown-item>
                        <el-dropdown-item command="g">上架佣金设置</el-dropdown-item>
                      </el-dropdown-menu>
                    </el-dropdown>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!--  -->
      <el-dialog
        title="上架佣金设置"
        :visible.sync="isshowmoney"
        width="700px"
        :close-on-click-modal="false">
        <div>
          <div class="t_flex_w">
            <div class="t_yj_title">佣金结算触发方式：</div>
            <div>
              <div class="t_flex_w">
                <div class="t_radio_box">
                  <el-radio @change="changeradio1" v-model="radiorg" label="1" >人工触发</el-radio>
                </div>
                <div style="color: #B0B0B0;">人工导入要结算的订单，触发结算</div>
              </div>
              <div class="t_flex_w" style="margin-top: 20px;margin-bottom: 20px;">
                <div  class="t_radio_box">
                  <el-radio @input="changeradio2" v-model="radiozd" label="1" >自动触发（实时结算）</el-radio>
                </div>
                <div style="color: #B0B0B0;">系统根据敢探号订单激活状态自动触发结算</div>
              </div>
              <div class="t_flex_w" style="align-items: center;" v-if="radiozd=='1'">
                <div>选择触发状态：</div>
                <el-select v-model="jhstate" placeholder="请选择">
                  <el-option label="激活" value="1"></el-option>
                  <el-option label="激活且充值" value="2"></el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="t_flex_w" style="margin-top: 30px;">
            <div class="t_yj_title">佣金结算条件：</div>
            <div>
              <el-input v-model="yjtext" placeholder="默认填写从敢探号同步过来的"></el-input>
              <div style="color: #FF0C0C;margin-top: 10px;font-size: 14px;">该规则会展示给所有层级的分销商，请避免直接写金额</div>
            </div>
          </div>
        </div>
        <div style="text-align: right;margin-top: 30px;">
          <el-button round @click="isshowmoney = false">取 消</el-button>
          <el-button round type="primary" @click="suresetyj">确 定</el-button>
        </div>
      </el-dialog>
      <!-- 在售商品 -->
      <el-dialog
        title="自动上架提示"
        :visible.sync="isshowauto"
        width="500px">
        <div>使用自动上架功能，佣金结算将采用人工导入触发的方式，佣金结算规则为空，这不利于下游了解佣金结算条件，是否仍要开启？</div>
        <span slot="footer" class="dialog-footer">
          <el-button round @click="failup">取 消</el-button>
          <el-button round type="primary" @click="issureup">确 定</el-button>
        </span>
      </el-dialog>
    </div>

</template>

<script>
  import QRCode from 'qrcodejs2'
  import left from '../left.vue'
  import top from '../top.vue'
  import topandleft from '../topandleft.vue'
	export default {
		name: 'gongyingshangshangpin',
    components:{
      left,top,topandleft
    },
		data() {
			return {
        all:{},
        all2:{},
        search:{
          page:1,
          page_size:20,
          status:100,
          title:"",
          selling_point:"",
          order:""
        },
        list:[],
        total:100,
        dangqianshangpin:"",
        erweima_log:false,
        loading:true,
        paixu_log:false,
        log2:false,
        log3:false,
        autogrounding:false,
        wailian:"",
        widthss:false,
        yongjinall:{
          page_id:"",
          commission:""
        },
        shoujiban:false,
        isshowmoney:false,
        radiorg:'',
        radiozd:'',
        jhstate:'',
        yjtext:'',
        isshowauto:false
			}
		},
		created() {

      this.getzidongshangjia()
		},
		mounted() {
      console.log(window.screen.width)
      if(window.screen.width == 1920){
        this.widthss = true
      }
      if(window.screen.width < 1080){
        this.shoujiban = true
        var h = document.documentElement.clientWidth / 7.5 + 'px';
        document.documentElement.style.fontSize = h;
        this.search.page_size = 200
      }
      // this.wailian = location.origin + '/h5/index?shop_id=' + JSON.parse(localStorage.getItem('user')).id
      this.wailian = location.origin + '/h5/index'
      this.getlist()
		},
		methods: {
      peizhigo:function(){
        axios.post('/own/micro/store/limit/update',this.all2).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('设置成功');
            this.log3 = false
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      peizhikai:function(){
        axios.get('/own/micro/store/limit/get').then((response)=>{
        	if (response.data.msg.code == 0) {
            if(response.data.data){
              this.all2 = response.data.data
            }

            this.log3 = true
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      shezhi:function(item){
        this.yongjinall = {
          page_id:item.id,
          commission:item.c_commission
        }
        this.log2 = true
      },
      shezhigo:function(){
        axios.post('/own/page/commissionmake',this.yongjinall).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('设置成功');
            this.getlist()
            this.log2 = false
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      openw2:function(item){
        let url = location.origin + '/h5/order?id=' + item.id
        // let url = location.origin + '/h5/order?shop_id=' + JSON.parse(localStorage.getItem('user')).id + '&id=' + item.id
        this.openw(url)
      },
      fuzhidizhi:function(id){
        this.copy(`${window.location.origin}/h5/order?id=${id}`)
      },
      gengxinautogrounding:function(){
        console.log(this.autogrounding)
        if(this.autogrounding==1){
          this.isshowauto = true

        }else{
          axios.post('/own/system/config',{
            auto_grounding:this.autogrounding
          }).then((response)=>{
            if (response.data.msg.code == 0) {
              this.$message.success('设置成功');
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
        }

      },
      getzidongshangjia:function(){
        axios.get('/own/goods/autogrounding').then((response)=>{
        	if (response.data.msg.code == 0) {
            this.autogrounding = response.data.data.value
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      xiazai:function(){
        let img = document.getElementsByClassName('qrcode')[0].childNodes[1]
        var a = document.createElement('a');
                 a.download = 'erweima';//这边是文件名，可以自定义
                 a.href = img.src;
                 document.body.appendChild(a);
                 a.click();
                 document.body.removeChild(a);
      },
      creatQrCode(val,item) {
        var url = ""
        if(val == 1){
          url = this.wailian
        }
        if(val == 2){
          url = location.origin + '/h5/order?shop_id=' + JSON.parse(localStorage.getItem('user')).id + '&id=' + item.id
        }

        this.erweima_log = true
        this.$nextTick(()=>{
          this.$refs.qrCodeUrl.innerHTML = '';
          if(this.shoujiban){
            var qrcode = new QRCode(this.$refs.qrCodeUrl, {
                text: url, // 需要转换为二维码的内容
                width: 200,
                height: 200,
                colorDark: '#000000',
                colorLight: '#ffffff',
                correctLevel: QRCode.CorrectLevel.H
            })
          }else{
            var qrcode = new QRCode(this.$refs.qrCodeUrl, {
                text: url, // 需要转换为二维码的内容
                width: 400,
                height: 400,
                colorDark: '#000000',
                colorLight: '#ffffff',
                correctLevel: QRCode.CorrectLevel.H
            })
          }

        })
      },
      sousuo:function(){
        this.search.page = 1
        this.getlist()
      },
      getlist:function(){
        axios.get('/own/page/list',{params:this.search}).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.list = response.data.data.data
            this.list.forEach(item=>{
              item.selling_point = JSON.parse(item.selling_point)
              console.log(item.selling_point)
            })
            this.total = response.data.data.total
            this.loading = false
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      changestatus:function(item){
        this.search.status = item
        this.sousuo()
      },
      changorder:function(item){
        this.search.order = item
        this.sousuo()
      },
      fanye:function(val){
        this.search.page = val
        this.getlist()
      },
      xuanzhong:function(item){
        this.dangqianshangpin = item
      },

      xiugai:function(){
        let all = JSON.parse(JSON.stringify(this.dangqianshangpin))
        all.selling_point = JSON.stringify(all.selling_point)
        axios.post('/own/page/update',all).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('设置成功');
            this.getlist()
            this.paixu_log = false
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },

      handleCommand:function(e){
        console.log(e)
        if(e == 'a'){
          this.$router.push('/shangpinguanli/gongyingshangshangpin/bianjishangpin?id='+this.dangqianshangpin.id)
        }
        if(e == 'b'){
          this.dangqianshangpin.is_top = moment().unix()
          this.xiugai()
        }
        if(e == 'bb'){
          this.dangqianshangpin.is_top = 0
          this.xiugai()
        }
        if(e == 'c'){
          this.dangqianshangpin.is_main = 1
          this.xiugai()
        }
        if(e == 'cc'){
          this.dangqianshangpin.is_main = 0
          this.xiugai()
        }
        if(e == 'd'){
          this.paixu_log = true
        }
        if(e == 'e'){
          this.dangqianshangpin.status = 0
          this.shangxiajia(0)
        }
        if(e == 'f'){
          this.dangqianshangpin.status = 100
          this.shangxiajia(100)
        }
        if(e == 'g'){
          this.isshowmoney = true

          this.yjtext = ''
          this.radiorg = ''
          this.radiozd = ''
          this.jhstate = ''

          this.yjtext = this.dangqianshangpin.commission_rule
          if(this.dangqianshangpin.settlement_method=='0'){
            this.radiorg='1'
          }
          if(this.dangqianshangpin.settlement_method=='1'){
            this.radiozd='1'
          }
          if(this.dangqianshangpin.settlement_status=='1'){
            this.jhstate='1'
          }
          if(this.dangqianshangpin.settlement_status=='2'){
            this.jhstate='2'
          }
        }
      },
      //设置佣金
      suresetyj(){
        var obj = {
          id:this.dangqianshangpin.id,
          commission_rule:this.yjtext,
          settlement_method:'',
          settlement_status:''
        }


        if(this.radiorg==''&&this.radiozd==''){
          this.$message.error('请选择结算方式');
          return
        }



        if(this.radiozd=='1'){
          if(this.jhstate==''){
            this.$message.error('选择触发状态');
            return
          }
        }

        if(this.radiorg=='1'){
          obj.settlement_method = '0'
        }
        if(this.radiozd=='1'){
          obj.settlement_method = '1'
        }
        if(this.jhstate==''){
          obj.settlement_status = '0'
        }
        if(this.jhstate=='1'){
          obj.settlement_status = '1'
        }
        if(this.jhstate=='2'){
          obj.settlement_status = '2'
        }


        console.log(obj)

        axios.post('/own/page/settlement/set',obj).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('设置成功');
            this.getlist()
            this.isshowmoney = false
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })



      },
      //切换佣金方式
      changeradio1(){
          this.radiozd = ''
          this.jhstate = ''
      },
      changeradio2(){
          this.radiorg = ''
      },
      issureup(){
        axios.post('/own/system/config',{
          auto_grounding:this.autogrounding
        }).then((response)=>{
          if (response.data.msg.code == 0) {
            this.isshowauto = false
            this.$message.success('设置成功');
          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      failup(){
        this.isshowauto = false
        this.autogrounding = 0
      },
      shangxiajia(status){
        axios.post('/own/page/put-sale',{id:this.dangqianshangpin.id,status:status}).then((response)=>{
              if (response.data.msg.code == 0) {
                this.$message.success('设置成功');
                this.getlist()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
      }
		}
	}
</script>


<style scoped lang="less">
  .gongyingshangshangpin{
    .sxjact{background: rgb(0, 90, 255); border-radius:30px; font-size: 24px; text-align: center; font-weight: 500; color: rgb(255, 255, 255); width: 150px; height: 60px; margin-right: 30px; }
    .sxj{background: rgb(227, 232, 241); border-radius:30px; font-size: 24px; text-align: center; font-weight: 500; color: rgb(175, 179, 188); width: 150px; height: 60px; margin-right: 30px; }

    .sxjactsj{background: rgb(0, 90, 255); border-radius:0.3rem; text-align: center; font-weight: 500; color: rgb(255, 255, 255); width: 3.3rem; height: 0.7rem;  }
    .sxjsj{background: rgb(227, 232, 241); border-radius:0.3rem;  text-align: center; font-weight: 500; color: rgb(175, 179, 188); width: 3.3rem; height: 0.7rem; }

    .xt{ margin-right: 10px; border-radius: 5px; font-size: 12px; padding: 5px 10px;}
    .lj{width: 100px; height: 32px; color: rgb(64, 66, 71); background: rgb(227, 232, 241); border-radius: 16px; margin-right: 20px; font-size: 14px; cursor: pointer;}
    .ljact{width: 100px; height: 32px; color: rgb(0, 90, 255); background: rgb(228, 237, 255); border-radius: 16px; margin-right: 20px; font-size: 14px; cursor: pointer;}
    .bushi3{ margin-right: 20px;}


    /deep/ .el-switch__core{ width: 85px !important; height: 41px; border-radius: 20px; background: rgb(246, 248, 251); border: 1px solid rgb(227, 232, 241);}
    /deep/ .el-switch.is-checked .el-switch__core {
        border-color: #409EFF !important;
        background-color: #409EFF !important;
    }
    /deep/ .el-switch.is-checked .el-switch__core::after{margin-left: -33px; left: 100% !important;}
    /deep/ .el-switch__core:after{ width: 31px; height: 31px;  top: 4px; left: 4px; background: rgb(227, 232, 241);}
    .qrcode img{ max-width:100%;}
  }

</style>
<style scoped>
.t_yj_title{
  width: 150px;
}
.t_radio_box{
  width: 200px;
}
.t_flex_w{
  display: flex;
  flex-wrap: wrap;
}
</style>
